<template>
    <div>

    <!--        卡片视图-->
    <el-card>
<el-table :data="rightsList" border stripe>
    <el-table-column type="index"></el-table-column>
    <el-table-column prop="authName" label="权限名称"  ></el-table-column>
    <el-table-column prop="path" label="路径"  ></el-table-column>
    <el-table-column prop="level" label="权限等级" >
        <template slot-scope="scope">
            <el-tag v-if="scope.row.level==='0'" type="success">一级权限</el-tag>
            <el-tag v-else-if="scope.row.level==='1'"  type="warning">二级权限</el-tag>
            <el-tag v-else >三级权限</el-tag>
        </template>
    </el-table-column>

</el-table>
    </el-card>

    </div>

</template>

<script>
    export default {
        data() {
            return {
                rightsList: []

            }

        },
        created() {
            this.getRightsList()
        },
        methods: {
            async getRightsList(){
                const {data: res} = await this.$http.get('rights/list');
                if(res.meta.status!==200){
                    this.$message.error("获取失败")
                }else{

                    this.rightsList=res.data
                }
            }
        }
    }
</script>

<style lang="less" scoped>

</style>